<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge"><!--ie使用edge渲染模式-->
    <meta name="renderer" content="webkit"><!--360渲染模式-->
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1.0, user-scalable=no">
    <title>经营分析</title>
    <link rel="stylesheet" href="../../css/basic.css">
    <style type="text/css">
        .main-body-area{padding-top: 0.2rem}
        .every-week{
            position: absolute;
            right: 0;
            top: 0.05rem;
            font-size: 0.2rem;
            color: white;
        }
        .yesterday-num,.month-num{height: 1rem;width: 92%;
            margin: auto;line-height: 1.2rem;
            border-bottom: 1px solid #CFCFCF;}
        .yesterday-num span,.month-num span{font-size: 0.28rem;color: #666;margin:0 0.1rem }
        .order-list,.order-list-month{
            padding: 0.2rem 0;
            overflow: hidden;
            width: 96%;
            height: auto;
            margin: auto;
        }
        .order-list li,.order-list-month li{
            text-align: center;
            float: left;
            width: 2rem;
            background-color:  #F23A38;
            border-radius: 0.1rem;
            height: 2rem;
            margin: 0 0.2rem;
            display: table;
        }
        .order-list li div,.order-list-month li div{
            font-size: 0.28rem;
            color: white;
            line-height: 0.5rem;
            display: table-cell;
            vertical-align: middle;
        }
        .order-num{
            position: relative;
            margin: auto;
            height: 0.8rem;
            line-height: 1rem;
            width: 90%;
        }
        .order-num span{font-size: 0.28rem;color: #666}
    </style>
    <script src="../../../master/lib/basicSize.js"></script>
</head>
<body>
<div class="top-nav-area">
    <ul>
        <a class="back-a" href="javascript:history.back(-1)"></a>
        <li>经营分析</li>
        <a class="every-week" href="#">每周账单</a>
    </ul>
</div>
<!--主体↓-->
<div class="main-body-area">
    <div class="yesterday-num">
        <span style="float: left;font-size: 0.3rem">昨日统计</span>
        <span style="float: right">查看最近7天>></span>
    </div>
    <ul class="order-list">
        <li>
            <div>
                <span>推送订单数</span><br>
                <span>66</span>
            </div>
        </li>
        <li>
            <div>
                <span>报价订单数</span><br>
                <span>66</span>
            </div>
        </li>
        <li>
            <div>
                <span>雇佣订单数</span><br>
                <span>66</span>
            </div>
        </li>
    </ul>
    <div class="month-num">
        <span style="float: left;font-size: 0.3rem">月度统计</span>
        <span style="float: right">查看上月>></span>
    </div>
    <div class="order-num">
        <span style="position: absolute;left: 0">接单转化率(上月)：
            <span style="color:#F23A38 ">5%</span>
        </span>
    </div>
    <ul class="order-list-month">
        <li>
            <div>
                <span>推送订单数</span><br>
                <span>66</span>
            </div>
        </li>
        <li>
            <div>
                <span>报价订单数</span><br>
                <span>66</span>
            </div>
        </li>
        <li>
            <div>
                <span>雇佣订单数</span><br>
                <span>66</span>
            </div>
        </li>
    </ul>
</div>
</body>
</html>